iT邦幫忙

2022 iThome 鐵人賽

DAY 24
0

TextView 是一個純文字顯示的元件,今天我們將介紹一些常用的細項功能。

文字大小設定的語法為:

android:textSize="22sp"

細部微調文字大小,可以定義最小和最大文字大小的範圍
語法為:

    android:autoSizeTextType="uniform"
    android:autoSizeMinTextSize="12sp"
    android:autoSizeMaxTextSize="100sp"

提示字語法為:

android:hint="123"

改變文字顏色的語法為:

android:textColor="@color/black"

black為內建設定的色彩,亦可以自定義其他色彩。

提示文字色彩:

android:textColorHint="@color/black"

顯示文字的字體語法:

android:textStyle="bold" //此為粗體語法

文字置中語法:

android:textAlignment="center"

Edittext就是使用在輸入文字資料的中,即是我們常見的表單資料也是需要用此元件。

輸入類別常用語法有:

android:inputType="number" //此方法為限定輸入數字
android:inputType="textEmailAddress" //電子信箱格式
android:inputType="textPassword" //密碼格式
android:inputType="phone" //撥號鍵盤格式
android:capitalize = "characters" //強制轉換大寫字母

輸入欄位不會換行:

android:singleLine="true"

而Edittext元件可以像Button元件一樣自定義設計出想要的風格,例如先在Drawable資料夾新增一個xml檔案是給edittext的樣式設計,這邊我們檔名為edittext_inputstyle.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_enabled="true" android:state_focused="true">
    <shape android:shape="rectangle">
        <solid android:color="@android:color/darker_gray"/>
        <corners android:radius="10dp"/>
    </shape>
</item>
    <item android:state_enabled="true">
        <shape android:shape="rectangle">
            <solid android:color="@android:color/darker_gray"/>
            <corners android:radius="10dp"/>
            <stroke android:color="@color/purple_200" android:width="1dp"/>
        </shape>
    </item>
</selector>

然後在edittext元件加上這一行:

android:background="@drawable/edittext_inputstyle"

畫面呈現為以下圖:

讓輸入框變化成不同樣式使你的APP更與眾不同吧!


今天介紹常用語法到這邊,我們明天見。


上一篇
[Day23] Android Studio Constraint Layout實作
下一篇
[Day25] Android Studio button & imagebutton 常用語法
系列文
新手學 Swift UI 與 Android Studio 的學習路程 -- 跟著我們一起踏上 App 開發之旅吧~30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言